<template>
  <!-- 群体标签分析页面 -->
  <div class="tag-group">
    <div class="top">
      <div class="top-son">
        <div class="img-box">
          <div class="img-box-box">
            <div class="label-group ">
              <div class="label-group-num">
                <div>标签数量</div>
                <p>
                  <span>123</span>
                  <span>个</span>
                </p>
              </div>

            </div>
            <div class="label-group ">
              <div class="label-group-num2">
                <div>标签维度</div>
                <p>
                  <span>123</span>
                  <span>个</span>
                </p>
              </div>

            </div>
            <div class="label-group ">
              <div class="label-group-num3">
                <div>标签数量用户</div>
                <p>
                  <span>123</span>
                  <span>个</span>
                </p>
              </div>

            </div>
          </div>
          <img src="../../assets/TagGroup/biaoqianweidu.png" alt="">
        </div>
        <div class="list">
          <div>
            <el-progress :text-inside="true" :stroke-width="26" :percentage="70" />
            <el-progress :text-inside="true" :stroke-width="24" :percentage="100" status="success" />
            <el-progress :text-inside="true" :stroke-width="22" :percentage="80" status="warning" />
            <el-progress :text-inside="true" :stroke-width="20" :percentage="50" status="exception" />
            <!-- <progressList :serch-data="serchData" /> -->
          </div>
        </div>
        <div class="pie">123</div>
      </div>

    </div>
    <div class="bottom">23</div>
  </div>
</template>
<script>
// src\views\tagGroup\components\progressList.vue

// import progressList from './components/progressList.vue'
export default {
  name: 'TagGroup',
  components: {
    // progressList
  },
  data() {
    return {
      serchData: [
        { name: '进度条1', value: '12121' },
        { name: '进度条2', value: '12121' },
        { name: '进度条3', value: '12121' },
        { name: '进度条4', value: '12121' },
        { name: '进度条5', value: '12121' }
      ]
    }
  },
  mounted() {},
  methods: {
    format(percentage) {
      return percentage === 100 ? '满' : `${percentage}%`
    }
  }

}
</script>
<style lang="scss" scoped>
@import './index.scss';

</style>
